/*
 * @Author: chengsl
 * @Date: 2023-01-09 15:24:51
 * @LastEditors: chengsl
 * @LastEditTime: 2023-01-09 15:24:53
 * @Description: 折线图 widgetLinechart
 */
export default {
  grid: { left: 10, right: 40, bottom: 10, top: 50, containLabel: true },
  color: [
    '#0060FF',
    '#3BD6FF',
    '#948BEA',
    '#F78D94',
    '#FF7A45',
    '#FCBB61',
    '#36CFC0'
  ],
  title: {
    text: '',
    show: false,
    left: 'center',
    textStyle: { color: '#fff', fontSize: 20, fontWeight: 'normal' },
    subtext: '',
    subtextStyle: { color: '#fff', fontWeight: 'normal', fontSize: 20 }
  },
  tooltip: {
    trigger: 'axis',
    show: true,
    axisPointer: { type: 'line' },
    textStyle: { color: '', fontSize: 16 }
  },
  legend: { textStyle: { color: '#fff' } },
  xAxis: {
    type: 'category',
    show: true,
    name: '',
    nameTextStyle: { color: '#fff', fontSize: 19 },
    nameRotate: 0,
    axisLabel: {
      show: true,
      interval: 0,
      rotate: 0,
      textStyle: { color: '#fff', fontSize: 18 }
    },
    axisTick: { show: false },
    axisLine: { show: true, lineStyle: { color: 'rgba(32,45,92,0.5)' } },
    splitLine: { show: false, lineStyle: { color: 'rgba(32,45,92,0.5)' } },
    data: [
      '苹果',
      '三星',
      '小米',
      'oppo',
      'vivo',
      '洛基亚',
      '摩托摩拉',
      '步步高',
      '联想'
    ]
  },
  yAxis: {
    type: 'value',
    scale: false,
    splitNumber: 0,
    show: true,
    name: '',
    nameTextStyle: { color: '#fff', fontSize: 18 },
    inverse: false,
    axisLabel: {
      show: true,
      rotate: 0,
      textStyle: { color: '#fff', fontSize: 18 }
    },
    axisLine: {
      show: true,
      lineStyle: { color: 'rgba(32,45,92,0.5)', width: 2 }
    },
    splitLine: { show: true, lineStyle: { color: 'rgba(32,45,92,0.5)' } },
    splitArea: {
      show: true,
      areaStyle: { color: ['rgba(32,45,92,0.1)', 'rgba(32,45,92,0.5)'] }
    }
  },
  series: [
    {
      data: [1000, 2229, 3879, 2379, 4079, 6666, 1243, 867, 2467],
      type: 'line',
      symbol: 'circle',
      showSymbol: true,
      symbolSize: 10,
      smooth: false,
      areaStyle: { opacity: 0.1 },
      lineStyle: { width: 2 },
      label: {
        show: false,
        position: 'top',
        distance: 10,
        fontSize: 12,
        color: '#fff',
        fontWeight: 'normal'
      },
      itemStyle: { color: '#0060FF', borderColor: '#ffffff', borderWidth: 2 }
    }
  ]
}
